<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<script src="js/mui.min.js"></script>

		<!--标准mui.css-->
		<link rel="stylesheet" href="css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="css/app.css" />
		<style>

		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav" style="background-color: #95c32f">
			<div class="mui-input-row mui-search">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">
					<font style="font-size: 16px;">返回</font>
				</a>
				<h1 class="mui-title">分类查找</h1>
			</div>

		</header>
		<div class="mui-content mui-row mui-fullscreen">
			 	 	<div style="text-align: center;">-------------商品分类-------------</div> 
					<div class="mui-slider-item">
						<ul class="mui-table-view mui-grid-view mui-grid-9">
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<div class="mui-media-body" onclick="Jump(1)">办公设备</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<div class="mui-media-body" onclick="Jump(2)">电脑数码</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">

									<div class="mui-media-body" onclick="Jump(3)">家用电器</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">

									<div class="mui-media-body" onclick="Jump(4)">服饰鞋包</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">

									<div class="mui-media-body" onclick="Jump(5)">礼品钟表</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">

									<div class="mui-media-body" onclick="Jump(6)">个护化妆</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">

									<div class="mui-media-body" onclick="Jump(7)">母婴用品</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">

									<div class="mui-media-body" onclick="Jump(8)">家居家装</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">

									<div class="mui-media-body" onclick="Jump(9)">日用百货</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">

									<div class="mui-media-body" onclick="Jump(10)">食品保健品</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">

									<div class="mui-media-body" onclick="Jump(11)">运动户外</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">

									<div class="mui-media-body" onclick="Jump(12)">汽车用品</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">

									<div class="mui-media-body" onclick="Jump(13)">玩模乐器</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">

									<div class="mui-media-body" onclick="Jump(14)">图书音像</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">

									<div class="mui-media-body" onclick="Jump(16)">其他</div>
								</a>
							</li>
						</ul>
					</div>
 
				<div style="text-align: center;">-------------平台导航-------------</div>
				 
				 <div class="mui-slider-item">
						<ul class="mui-table-view mui-grid-view mui-grid-9">

						 	<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<div class="mui-media-body" onclick="SkipTpPT(0)">淘宝</div>
								</a>
							</li> 
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<div class="mui-media-body" onclick="SkipTpPT(1)">天猫</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<div class="mui-media-body" onclick="SkipTpPT(2)">京东</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<div class="mui-media-body" onclick="SkipTpPT(3)">当当</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<div class="mui-media-body" onclick="SkipTpPT(4)">国美</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<div class="mui-media-body" onclick="SkipTpPT(5)">1号店</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<div class="mui-media-body" onclick="SkipTpPT(6)">苏宁</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<div class="mui-media-body" onclick="SkipTpPT(7)">唯品会</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<div class="mui-media-body" onclick="SkipTpPT(8)">网易考拉海购</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<div class="mui-media-body" onclick="SkipTpPT(9)">聚美优品</div>
								</a>
							</li>
						</ul> 
				</div>

			 </div>
			<script>
				mui.init();

				function Jump(obj) {
					localStorage.cateId = obj;
					mui.openWindow({
						url: 'search.html',
						id: 'info'
					});
				}

				function SkipTpPT(obj) { 
					var  toUrl="";
					 if(obj==0)
					{
						toUrl="https://m.taobao.com/?pid=mm_45871999_39404541_147374618"
					} 
					else if(obj==1)
					{
						toUrl="https://s.click.taobao.com/t?e=m%3D2%26s%3DmAwZPkLXQmEcQipKwQzePCperVdZeJvipRe%2F8jaAHci5VBFTL4hn2cVKMUXKdQrWoAgJVlbS%2FO%2F6G9JXVGNafcb67rBxoTb6nnBhcffDA1JroAnS6hiivoz6G0fvVpfqG2bbpp9OpmERDHqBXe1WrwgB%2FkOnZRgwJKrth6Wwu%2BLGDF1NzTQoPw%3D%3D"
					}
					else if(obj==2)
					{
						toUrl="https://0410c.duomai.com/track.php?k=Gd5FWb9QWa1VmJxYTPklWYmgTN5cjMy0DZp9VZ0l2cmYiRyUSbvNmLkpmLtZkMlYkMlE0MlMHc0RHa9QnJvF"
					}
					else if(obj==3)
					{
						toUrl="https://0410c.duomai.com/track.php?k=nJvFGd5FWb9QWa1VmJ0YTPklWYmgTN5cjMy0DZp9VZ0l2cmYiJGJTJt92YucmbhR2ZuFGZu0mRyUiRyUSQzUCc0RHa9Q"
					}
					else if(obj==4)
					{
						toUrl="https://0410c.duomai.com/track.php?k=ybhRXeh1WPklWdlZiNzITPklWYmgTN5cjMy0DZp9VZ0l2cmYiRyUibj5SbvNmLl12bn5SbGJTJGJTJBNTJzBHd0hWP0Z"
					}
					else if(obj==5)
					{
						toUrl="https://0410c.duomai.com/track.php?k=Xeh1WPklWdlZiNxUTPklWYmgTN5cjMy0DZp9VZ0l2cmYiJt92YuQGa55SbGJTJGJTJBNTJzBHd0hWP0ZybhR"
					}
					else if(obj==6)
					{
						toUrl="https://0410c.duomai.com/track.php?k=vFGd5FWb9QWa1VmJ0gTPklWYmgTN5cjMy0DZp9VZ0l2cmYkMl02bj5yZulmb1NnLtZkMlYkMlE0MlMHc0RHa9QnJ"
					}
					else if(obj==7)
					{
						
					}
					else if(obj==8)
					{
						toUrl="https://0410c.duomai.com/track.php?k=WY0lXYt1DZpVXZmczM3ETPklWYmgTN5cjMy0DZp9VZ0l2cmYiJGJTJt92YuEGbvF2au0mRyUiRyUSQzUycwRHdo1Ddm8"
					}
					else if(obj==9)
					{
						toUrl="https://0410c.duomai.com/track.php?k=vFGd5FWb9QWa1VmJ3kTPklWYmgTN5cjMy0DZp9VZ0l2cmYiRyUSbvNmLpVWb1pmL1gmRyUiRyUSQzUCc0RHa9QnJ"
						 
					}
					mui.plusReady(function() {
						plus.storage.setItem("tourl",toUrl);
						//打开关于页面
					mui.openWindow({
						url: 'ptIndex.html',
						id: 'ptIndex'
					});
					}); 

				}
			</script>

	</body>

</html>